<template>
  <div
    class="d1"
    :style="`background:${background};top: ${top}vh;left:${left}vw`"
  ></div>
</template>


<script>
export default {
  props: {
    top: {
      type: Number,
      default: 16,
    },
    left: {
      type: Number,
      default: 29,
    },
    background: {
      type: String,
      default: "rgb(236, 15, 7)",
    },
  },
};
</script>


<style lang="less" scoped>
.d1 {
  width: 12px;
  height: 12px;
  // background: rgb(236, 15, 7);
  position: absolute;
  border-radius: 50%;

  &:hover {
        cursor: pointer;
    }
}
</style>